<div class="horizontal-scroll" ba-panel ba-panel-class="with-scroll" ba-panel-title="条件查询">
    <div class="row">
        <div class="form-group col-sm-3 col-xs-6">
            <label>成员名称：</label><input type="text" class="form-control" ng-model="vm.params.memberName" placeholder="输入成员名称查询">
        </div>
        <div class="form-group col-sm-3 col-xs-6">
            <label>成员手机号：</label><input type="text" class="form-control" ng-model="vm.params.memberPhone" placeholder="输入成员手机号查询">
        </div>
        <div class="form-group col-sm-3 col-xs-6">
            <label>成员类型：</label>
            <select class="form-control" title="选择成员类型查找" ng-model="vm.params.memberType"
                    selectpicker ng-options="obj.key as obj.value for obj in vm.memberTypeArray">
            </select>
        </div>
        <div class="form-group col-sm-3 col-xs-6">
            <p style="margin: 0px;line-height: 20px;">&nbsp;</p>
            <button type="button" ng-click="vm.initPage()" class="btn btn-primary">查询</button>&nbsp;&nbsp;
            <button type="button" class="btn btn-primary">新增成员</button>
        </div>
    </div>
    <p>&nbsp;</p>
    <table class="table table-hover" st-table="smartTableData">
        <thead>
        <tr class="sortable ">
            <th class="table-left-font">名称</th>
            <th>性别</th>
            <th>年龄</th>
            <th>手机号码</th>
            <th>类型</th>
            <th>家庭住址</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in vm.page.pageResult">
            <td class="table-left-font">{{item.memberName}}</td>
            <td><span ng-if="item.memberSex == '1'">男</span><span ng-if="item.memberSex == '0'">女</span></td>
            <td>{{ item.memberBirthday | ageFilter }}</td>
            <td>{{item.memberPhone || "无"}}</td>
            <td><span ng-bind-html="item.memberType | memberTypeFilter "></span></td>
            <td>{{item.memberAddress}}</td>
            <td>
                <a class="link" ui-sref="member.info({memberId:item.id})">详情</a>&nbsp;|&nbsp;
                <a class="link" ui-sref="member.edit({memberId:item.id})">修改</a>&nbsp;|&nbsp;
                <a class="link" ui-sref="vm.deleted(item.id)">删除</a>
            </td>
        </tr>
        </tbody>
        <tfoot ng-show="vm.page.pageTotalItemSize > vm.page.pageSize">
        <tr>
            <td colspan="7" class="text-center">
                <uib-pagination total-items="vm.page.pageTotalItemSize"
                                ng-model="vm.page.pageIndex"
                                items-per-page="vm.page.pageSize"
                                num-pages="vm.page.pageTotalPageSize"
                                boundary-link-numbers="true"
                                ng-change="vm.initPage()"></uib-pagination>
            </td>
        </tr>
        </tfoot>
    </table>
</div>